<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<link href="dist/css/offcanvas.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="dist/js/jquery-1.9.1.min.js"></script>
<script src="dist/js/login-page.js"></script>

	
<body>

	<div class="container" style="height: 520px; margin-left: 0px;">
		<div class="row row-offcanvas row-offcanvas-right"
			style="width: 420px;">
			<div class="col-xs-12 col-sm-12 sidebar-offcanvas" id="sidebar">
				<div class="well sidebar-nav" style="overflow: auto; height: 520px;">
					<ul class="nav">
						<s:iterator value="employeeList" var="x">
							<li>
							<div id="${x.id}">
							<c:if test="${x.workFromHome == true}">
									<div class="alert alert-warning"
										style="padding-left: 14px; padding-top: 5px; padding-bottom: 5px;">
										<b><s:property value="firstName" /> <s:property
												value="lastName" /></b> working from home
									</div>
								</c:if> <c:if test="${x.absent == true}">
									<div class="alert alert-danger"
										style="padding-left: 14px; padding-top: 5px; padding-bottom: 5px;">
										<a onclick= "showUserDetails(<s:property value='id'/>)" 
											class="alert-link"> <s:property value="firstName" /> <s:property
												value="lastName" /></a> not yet logged in
									</div>
								</c:if> <c:if test="${x.loggedIn == true}">
									<div class="alert alert-success"
										style="padding-left: 14px; padding-top: 5px; padding-bottom: 5px;">
										<a onclick= "showUserDetails(<s:property value='id'/>)" 
											class="alert-link"> <s:property value="firstName" /> <s:property
												value="lastName" /></a> logged in at
										<s:property value="timeIn" />
									</div>
								</c:if> <c:if test="${x.loggedOut == true}">
									<div class="alert alert-info"
										style="padding-left: 14px; padding-top: 5px; padding-bottom: 5px;">
										<a onclick= "showUserDetails(<s:property value='id'/>)" 
											class="alert-link"> <s:property value="firstName" /> <s:property
												value="lastName" /></a> logged out at
										<s:property value="timeOut" />
									</div>
								</c:if>
								</div>
								</li>
						</s:iterator>
					</ul>
				</div>
				<!--/.well -->
			</div>
			<!--/span-->
		</div>
		<!--/row-->
	</div>
	
</body>